<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ElementPlus</title>
    <!-- Import style -->
    <link rel="stylesheet" href="./elementplus/index.css" />
    <!-- Import Vue 3 -->
    <script src="./elementplus/vue.global.prod.js"></script>
    <!-- Import component library -->
    <script src="./elementplus/index.full.js"></script>
</head>

<body>
    <div id="app">
        <h1>ElementPlus</h1>
        <div class="mb-4">
            <el-button plain>Plain</el-button>
            <el-button type="primary" plain>Primary</el-button>
            <el-button type="success" plain>Success</el-button>
            <el-button type="info" plain>Info</el-button>
            <el-button type="warning" plain>Warning</el-button>
            <el-button type="danger" plain>Danger</el-button>
        </div>
    </div>
    <script>
        const { createApp } = Vue

        let app = createApp({
            data() {
                return {
                    message: 'Hello Vue!'
                }
            }
        });
        //第2步, 让 Vue 使用 ElementPlus
        app.use(ElementPlus);
        app.mount('#app');
    </script>
</body>

</html>